@charset "utf-8";
/* CSS Document */
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }  /*让这些的标签内外边距都是0*/
fieldset, img {  border:none;  }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle;  /*  */ }
select, input, textarea { font-size:14px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
body { color:#4D4D4D;  font:14px '微软雅黑'; /* 设置全局的文字 颜色 字号  字体  */ }
a{color:#4D4D4D; text-decoration:none;font-size:12px; }
img{ vertical-align:middle;}
i{font-style:normal;}
.clearfix:after,.clearfix:before{content:"";display:table;clear:both;}
.clearfix{*zoom:1}
.fll{float: left;}
.flr{float: right;}


/*以下是公共页面代码*/
header{
	width: 100%;
	padding:10px;
	box-sizing:border-box;
	background: #c0032d;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
	}
header .city {
	width: 20%;
	box-sizing: border-box;
	padding-top: 6px;
	}
.city span img{
	width: 14px;
	height:auto;
	}
header .seach{
	width:68%;
	margin-left: 2%;
	margin-right: 2%;
	height: 30px;
	line-height: 30px;
    background: #d11e46;
	box-sizing: border-box;
	position: relative;
	padding:0 5px;
	border-radius: 14px;
	}
header .city select{
	border:none;
	color:#fff;
	font-size: 14px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	-webkit-tap-appearance:none;
	outline: none;
	background:#bf022c url(../images/sy_06.png) center right no-repeat;
	padding-right: 20px;
	}
header .seach input{
	width: 90%;
	border:none;
	background: #d11e46;
	}
.seach span, .seach span img{
	width: 20px;
	height: 20px;
	position: absolute;
	right:6px;
	top:3px;
	}
.user{
	width: 8%;
    height: 30px;
    text-align: center;
	}
.user img{
	width: 18px;
	height:auto;
	margin-top: 5px;
	}
footer
{
	width:100%;
	height:50px;
	background:#fff;
	border-top:1px solid #c5c4c4;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:99;
}
footer a{
	height: 50px;
	width:19%;
	color:#444;
	font-size: 14px;
	text-align:center;
	display:inline-block;
	margin-top: 8px;
	
}
footer a.on{
	color:#bf022c;
	}
footer a img{
	display:block;
	margin:auto;
	width: 20px;
	height: 20px;
	}
footer a span {
    display: block;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
}
.footer-1 i{
	width: 100%;
	height:20px;
	display:block;
	background:url(../images/footer-1.png) center center no-repeat ;
	background-size:contain;
	}
.footer-1.on i{
	width: 100%;
	height:20px;
	display:block;
	background:url(../images/footer-1-on.png)  center center no-repeat ;
	background-size:contain;
	}
.footer-2 i{
	width: 100%;
	height:20px;
	display:block;
	background:url(../images/footer-2.png) center center no-repeat ;
	background-size:contain;
	}
.footer-2.on i{
	width: 100%;
	height:20px;
	display:block;
	background:url(../images/footer-2-on.png)  center center no-repeat ;
	background-size:contain;
	}
.footer-3 i{
	width: 100%;
	height:20px;
	display:block;
	background:url(../images/footer-3.png) center center no-repeat ;
	background-size:contain;
	}
.footer-3.on i{
	width: 100%;
	height:20px;
	display:block;
	background:url(../images/footer-3-on.png)  center center no-repeat ;
	background-size:contain;
	}
.footer-4 i{
	width: 100%;
	height:20px;
	display:block;
	background:url(../images/footer-4.png) center center no-repeat ;
	background-size:contain;
	}
.footer-4.on i{
	width: 100%;
	height:20px;
	display:block;
	background:url(../images/footer-4-on.png)  center center no-repeat ;
	background-size:contain;
	}
.footer-5 i{
	width: 100%;
	height:20px;
	display:block;
	background:url(../images/footer-5.png) center center no-repeat ;
	background-size:contain;
	}
.footer-5.on i{
	width: 100%;
	height:20px;
	display:block;
	background:url(../images/footer-5-on.png)  center center no-repeat ;
	background-size:contain;
	}
.line{
	height: 10px;
	background: #f7f7f7;
	}	
.look-icon{
	position: fixed;
	right:10px;
	bottom:40px;
	background: #fb8342;
	width: 70px;
	height: 70px;
	border-radius:50%;
	text-align:center;
	z-index:99;
	}
.look-icon img{
	width: 30px;
	height:auto;
	margin-top: 10px;
	}	
.look-icon p{
	color:#fff;
	font-size: 14px;
	}	
	
	
/*手机端小于320*/
@media (max-width:321px){
header .city {
	width: 25%;
	}
header .seach{
	width:65%;
}
.user{
	width: 6%;
	}
.details-list .list-left {
    width: 70px;
}
.details-list .list-left img {
	width: 100%;
	}
}



















